<template>
  <div class="footersty">
    <span class="el-icon-lollipop" @click="gohome">发现</span>
    <span class="el-icon-cherry" @click="goblog">博客</span>
    <span class="el-icon-ice-tea" @click="gomy">我的</span>
    <span class="el-icon-watermelon" @click="gofoucs">关注</span>
    <span class="el-icon-ice-cream" @click="govillage">云村</span>
  </div>
</template>

<script>
export default {
  methods: {
    gohome() {
      this.$router.push("/home");
    },
    goblog() {
      this.$router.push("/blog");
    },
    gomy() {
      this.$router.push("/my");
    },
    gofoucs() {
      this.$router.push("/foucs");
    },
    govillage() {
      this.$router.push("/village");
    },
  },
};
</script>

<style scoped>
.footersty {
  font-size: 18px;
}
span {
  margin-left: 10px;
  cursor: pointer;
}
</style>